* {
    padding: 0;
    margin: 0;
}
html,body,.nan_main {
    height: 100%;
}

.mui-bar {
    background-color: #f86926;
    h1 {
        color: #fff;
    }
    .mui-action-back {
        color: #fff;
    }
}
footer {
    height: 100px;
    .footer_log {
        display: flex;
        justify-content: center;
        text-align: center;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        font-size: 14px;
        margin-bottom: 10px;
        a {
            color: #000;
        }
        .log {
            flex: 1;
            padding: 5px;
        }
        .reg{
            flex: 1;
            border-left: 1px solid #ccc;
            border-right: 1px solid #ccc;
            padding: 5px;
        }
        .toTop {
            flex: 1;
            padding: 5px;
        }
    }
    .foot_link {
        p {
            text-align: center;
            color: #000;
            font-size: 12px;    
            .app {
                color: red;
            }
            .mobile {
                color: #000;
            }
        }
    }
}

.nan_main {
    overflow: scroll;
    background: #fff;
    padding: 50px;
    margin-top: 20px;
    .link {
        float: left;
        margin-bottom: 8px;
        padding: 5px;
        margin-right: 5px;
        a {
            box-sizing: border-box;
            background: #ccc;
            color: #000;
            display: block;
            height: 30px;
            line-height: 30px;
            border: 1px solid #ddd;
            // margin-right: 5px;
            padding: 0 5px;
            img {
                width: 20px;
                height: 20px;
                // vertical-align，可以设置给行内和行内块，不能设给块级元素
                //有top middle bottom
                //文字自己会跟在图片的中间的位置。调整图片，字体也会跟着走。
                vertical-align: middle;
                margin-bottom: 3px;
                //如果单独设置margin-bottom，margin-bottom: -4px;
                //图片挤上去，但是图片不会跑出a的顶部，文字确会被挤到下面去
            }
            .webName {
                font-size: 14px;
            }
        }
    }
   

  
}